<template>
  <div>
    <el-row>
      <el-col :span="8">
        <span>Hi，欢迎来到大麦</span>
        <span>&nbsp;[ <span class="loginText" @click="toLogin">登录</span> 注册 ]</span>
        <span
          >&nbsp;&nbsp;&nbsp;我的大麦<i class="el-icon-arrow-down"></i
        ></span>
      </el-col>
      <el-col :offset="5" :span="10">
        <ul>
          <li>大麦网微信</li>
          <li>手机版</li>
          <li>客户服务<i class="el-icon-arrow-down"></i></li>
          <li>网站导航<i class="el-icon-arrow-down"></i></li>
          <li>English</li>
        </ul>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "publicHeader2",
  methods
};
</script>

<style scoped>
.el-row:nth-of-type(1) {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
  height: 40px;
}
.el-row:nth-of-type(1) .el-col {
  /* border:1px solid red; */
  line-height: 38px;
}
.el-row:nth-of-type(1) span {
  font-size: 13px;
}
.loginText {
  color: #fd6235;
}
ul {
  list-style: none;
  margin-left: 9vw;
}
ul li {
  float: left;
  font-size: 13px;
  margin-left: 35px;
  font-weight: bold;
}
</style>